<!DOCTYPE html>
<html>
  <head>
    <meta charset="utf-8">
    <meta name="viewport" content="initial-scale=1, maximum-scale=1, user-scalable=no, width=device-width">
    <script src="lib/jquery.min.js" type="text/javascript" charset="utf-8"></script>
    <link rel="stylesheet" type="text/css" href="font-awesome-4.7.0/css/font-awesome.css"/>
    <title></title>

    <link rel="manifest" href="manifest.json">

    <link href="lib/ionic/css/ionic.css" rel="stylesheet">
    <link href="css/style.css" rel="stylesheet">
    <link rel="stylesheet" type="text/css" href="css/hotel.css"/>
    <link rel="stylesheet" type="text/css" href="css/zhang.css"/>
    <link rel="stylesheet" type="text/css" href="css/city.css"/>
    <script src="lib/ionic/js/ionic.bundle.js"></script>

    <script src="cordova.js"></script>

    <script src="js/app.js"></script>
    <script src="js/controller.js" type="text/javascript" charset="utf-8"></script>
    <script src="js/services.js" type="text/javascript" charset="utf-8"></script>
    <script src="lib/ion-affix.js"></script>
  </head>
  <body ng-app="starter">
  	<ion-pane>
    
      <ion-nav-view></ion-nav-view>
	  	<div ng-controller="top">
      
	  		<div class="top" ng-click="backTop()">
		  		<span><span class="ion-arrow-up-c"></span><br />顶部</span>
		  	</div>
	      <ion-scroll on-scroll=""></ion-scroll>
	  	</div>
 
 </ion-pane>
  </body>
  <script type="text/javascript">
  	var toggle = true;
 		setInterval(function () {
 			 if (toggle) {
		  		$('.hot').animate({
		  		  top:"-40px"
			  	},800)    
			  		$('.get').animate({
				  		top:"0px"
				  	},800)
			  		toggle = false;
		  } else{
		  	$('.hot').animate({
		  		top:"0px"
			  	},800)
			  		$('.get').animate({
				  		top:"35px"
				  	},800)
			  		toggle = true;
		  }
 		},2500)  
 		
 		function list () {
 			$('.transp').slideToggle(200)
 			$('.wrap').slideToggle(100)
 		}

  </script>
</html>
